<template>
  <!-- 这里是商品分类导航和轮播图页面 -->
  <div>
    <!-- 商品分类导航区域 -->
    <div class="header">
      <div class="menu-bar">
        <div class="view">
          <div class="category">
            <h2>商品分类</h2>
            <ul class="category-option">
              <li class="cat-item top-cat">
                <div class="sub-cat clearfix">
                  <div class="sub-cat-links Left">
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>电视</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#">OLED电视</a>
                        <a href="#" style="color: #e62318 !important"
                          >教育电视</a
                        >
                        <a href="#" style="color: #e62318 !important"
                          >全面屏电视</a
                        >
                        <a class="ui-link" href="#">智慧屏</a>
                        <a class="ui-link" href="#">4K超清电视</a>
                        <a class="ui-link" href="#">55英寸</a>
                        <a class="ui-link" href="#">65英寸</a>
                        <a class="ui-link" href="#">电视配件</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>空调</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #e62318 !important"
                          >空调挂机</a
                        >
                        <a class="ui-link" href="">空调柜机</a>
                        <a class="ui-link" href="">中央空调</a>
                        <a class="ui-link" href="">变频空调</a>
                        <a class="ui-link" href="">一级能效</a>
                        <a class="ui-link" href="">移动空调</a>
                        <a class="ui-link" href="">以旧换新</a>

                        <a href="#" style="color: #e62318 !important"
                          >客厅套装</a
                        >
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>洗衣机</a>
                      </li>
                      <li class="Left sub-content">
                        <a class="ui-link" href="">滚筒洗衣机</a>
                        <a class="ui-link" href="">洗烘一体机</a>
                        <a class="ui-link" href="">波轮洗衣机</a>
                        <a
                          class="ui-link"
                          style="color: #e62318 !important"
                          href=""
                          >迷你洗衣机</a
                        >
                        <a class="ui-link" href="javascript:;">烘干机</a>
                        <a class="un ui-link" href="">洗衣机配件</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>冰箱</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #e62318 !important">多门</a>
                        <a class="ui-link" href="">对开门</a>
                        <a class="ui-link" href="">三门</a>
                        <a class="ui-link" href="">双门</a>
                        <a class="ui-link" href="">冷柜/冰吧</a>
                        <a class="ui-link" href="">酒柜</a>
                        <a class="ui-link" href="">冰箱配件</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>厨卫大电</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#">油烟机</a>
                        <a href="#" style="color: #e62318 !important">燃气机</a>
                        <a class="ui-link" href="">烟灶套装</a>
                        <a class="ui-link" href="">集成灶</a>
                        <a class="ui-link" href="">消毒柜</a>
                        <a class="ui-link" href="">洗碗机</a>
                        <a class="ui-link" href="">电热水器</a>
                        <a class="ui-link" href="">燃气热水器</a>
                        <a class="ui-link" href="">空气能热水器</a>
                        <a class="ui-link" href="">嵌入式热水器</a>
                        <a class="ui-link" href="">烟机灶具配件</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>厨卫小电</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#">破壁机</a>
                        <a href="#" style="color: #e62318 !important">咖啡机</a>
                        <a class="ui-link" href="">榨汁机/原汁机</a>
                        <a class="ui-link" href="">电炖锅</a>
                        <a class="ui-link" href="">电烤箱</a>
                        <a class="ui-link" href="">料理机</a>
                        <a class="ui-link" href="">电水壶/热水瓶</a>
                        <a class="ui-link" href="">面包机</a>
                        <a class="ui-link" href="">电饼档</a>
                        <a class="ui-link" href="">电火锅</a>
                        <a class="ui-link" href="">空气炸锅</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>生活电器</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#" style="color: #e62318 !important">电风扇</a>
                        <a href="">冷风扇</a>
                        <a href="">空气净化器</a>
                        <a href="">净水器</a>
                        <a href="">饮水机</a>
                        <a href="">加湿器</a>
                        <a href="">吸尘器</a>
                        <a href="">扫地机器人</a>
                        <a href="">蒸汽拖把/拖地机</a>
                        <a href="">除螨仪</a>
                      </li>
                    </ul>
                  </div>
                  <div class="sub-cat-brand Left">
                    <h6>推荐品牌</h6>
                    <div class="tag">
                      <a href="#" style="color: #cf000e !important">凯撒豪庭</a>
                      <a href="#">北欧悠歌</a>
                      <a href="#">白金宫殿</a>
                      <a href="#">法兰西玫瑰</a>
                      <a href="#">韩菲尔</a>
                      <a href="#">卡富亚</a>
                      <a href="#" style="color: #cf000e !important">蓝骑家居</a>
                      <a href="#">卡洛林</a>
                      <a href="#">青春城堡</a>
                      <a href="#" style="color: #cf000e !important">宜华</a>
                      <a href="#">木木原</a>
                      <a href="#">蒂美悦</a>
                    </div>
                    <a href="#"
                      ><img
                        src="../statics/images/1.jpg"
                        width="190"
                        height="260"
                      />
                    </a>
                  </div>
                </div>
                <i class="icon i0"></i>
                <a class="txt" href="#">家用电器</a>
              </li>
              <li class="cat-item">
                <div class="sub-cat clearfix">
                  <div class="sub-cat-links Left">
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>手机通讯</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #cf000e !important">手机</a>
                        <a class="ui-link" href="">游戏手机</a>
                        <a class="ui-link" href="">5G手机</a>
                        <a class="ui-link" href="">拍照手机</a>
                        <a class="ui-link" href="">全面屏手机</a>
                        <a class="ui-link" href="">老人机</a>
                        <a class="ui-link" href="">对讲机</a>
                        <a class="ui-link" href="">以旧换新</a>
                        <a class="ui-link" href="">手机维修</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>运营商</a>
                      </li>
                      <li class="Left sub-content last">
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >合约机</a
                        >
                        <a class="ui-link" href="">手机卡</a>
                        <a class="un ui-link" href="">宽带</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >充话费/流量</a
                        >
                        <a class="ui-link" href="">中国电信</a>
                        <a class="ui-link" href="">中国移动</a>
                        <a class="ui-link" href="">中国联通</a>
                        <a class="ui-link" href="">就爱推送</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >挑靓号</a
                        >
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>手机配件</a>
                      </li>
                      <li class="Left sub-content last">
                        <a class="ui-link" href="">手机壳</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >贴膜</a
                        >
                        <a class="ui-link" href="">手机存储卡</a>
                        <a class="ui-link" href="">数据线</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >充电器</a
                        >
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >手机耳机</a
                        >
                        <a class="ui-link" href="">创意配件</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >手机饰品</a
                        >
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >手机电池</a
                        >
                        <a class="ui-link" href="">苹果周边</a>
                        <a class="ui-link" href="">移动电源</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >蓝牙耳机</a
                        >
                        <a class="ui-link" href="">手机支架</a>
                        <a class="ui-link" href="">拍照配件</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>数码摄像</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="">数码相机</a>
                        <a href="" style="color: #cf000e !important"
                          >微单相机</a
                        >
                        <a href="">单反相机</a>
                        <a href="">拍立得</a>
                        <a href="" style="color: #cf000e !important"
                          >运动相机</a
                        >
                        <a href="">摄像机</a>
                        <a href="">镜头</a>
                        <a href="">户外器材</a>
                        <a href="">影棚器材</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>电子教育</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="">数码相机</a>
                        <a href="" style="color: #cf000e !important"
                          >微单相机</a
                        >
                        <a href="">单反相机</a>
                        <a href="">拍立得</a>
                        <a href="" style="color: #cf000e !important"
                          >运动相机</a
                        >
                        <a href="">摄像机</a>
                        <a href="">镜头</a>
                        <a href="">户外器材</a>
                        <a href="">影棚器材</a>
                      </li>
                    </ul>
                  </div>
                  <div class="sub-cat-brand Left">
                    <h6>推荐品牌</h6>
                    <div class="tag">
                      <a href="#">韩菲尔</a>
                      <a href="#" style="color: #cf000e !important">卡富亚</a>
                      <a href="#">北欧悠歌</a>
                      <a href="#">慕娅</a>
                      <a href="#">艾玛诗</a>
                      <a href="#" style="color: #cf000e !important">美宜经典</a>
                      <a href="#">彼岸阳光</a>
                      <a href="#">苏美尔</a>
                      <a href="#">迪诺迪奥</a>
                      <a href="#">达美风情</a>
                      <a href="#">凤凰天</a>
                    </div>
                    <a href="#"
                      ><img
                        src="../statics/images/2.jpg"
                        width="190"
                        height="260"
                      />
                    </a>
                  </div>
                </div>
                <i class="icon i1"></i>
                <a class="txt" href="#">手机</a>
                <a class="txt" href="#">运营商</a>
                <a class="txt" href="#">数码</a>
              </li>
              <li class="cat-item">
                <div class="sub-cat clearfix">
                  <div class="sub-cat-links Left">
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>电脑整机</a>
                      </li>
                      <li class="Left sub-content">
                        <a class="ui-link" href="">笔记本</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >游戏本</a
                        >
                        <a class="ui-link" href="">平板电脑</a>
                        <a class="ui-link" href="">台式机</a>
                        <a class="ui-link" href="">一体机</a>
                        <a class="ui-link" href="">服务器/工作站</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>电脑配件</a>
                      </li>
                      <li class="Left sub-content last">
                        <a class="ui-link" href="">显示器</a>
                        <a class="ui-link" href="">CPU</a>
                        <a class="un ui-link" href="">主板</a>
                        <a class="ui-link" href="">显卡</a>
                        <a class="ui-link" href="">硬板</a>
                        <a class="ui-link" href="">内存</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >机箱</a
                        >
                        <a class="ui-link" href="">电源</a>
                        <a class="ui-link" href="">散热器</a>
                        <a class="ui-link" href="">显示器机架</a>
                        <a class="ui-link" href="">刻录机/光驱</a>
                        <a class="ui-link" href="">声卡/扩展卡</a>
                        <a class="ui-link" href="">显示器</a>
                        <a class="ui-link" href="">CPU</a>
                        <a class="un ui-link" href="">主板</a>
                        <a class="ui-link" href="">显卡</a>
                        <a class="ui-link" href="">硬板</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >内存</a
                        >
                        <a class="ui-link" href="">机箱</a>
                        <a class="ui-link" href="">电源</a>
                        <a class="ui-link" href="">散热器</a>
                        <a class="ui-link" href="">显示器机架</a>
                        <a class="ui-link" href="">刻录机/光驱</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >声卡/扩展卡</a
                        >
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>手机配件</a>
                      </li>
                      <li class="Left sub-content last">
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >手机壳</a
                        >
                        <a class="ui-link" href="">贴膜</a>
                        <a class="ui-link" href="">手机存储卡</a>
                        <a class="ui-link" href="">数据线</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >充电器</a
                        >
                        <a class="ui-link" href="">手机耳机</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >创意配件</a
                        >
                        <a class="ui-link" href="">手机饰品</a>
                        <a class="ui-link" href="">手机电池</a>
                        <a class="ui-link" href="">苹果周边</a>
                        <a class="ui-link" href="">移动电源</a>
                        <a class="ui-link" href="">蓝牙耳机</a>
                        <a class="ui-link" href="">手机支架</a>
                        <a class="ui-link" href="">拍照配件</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>外设产品</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="">鼠标</a>
                        <a href="" style="color: #cf000e !important">键盘</a>
                        <a href="">键鼠套装</a>
                        <a href="">网络仪表盘</a>
                        <a href="" style="color: #cf000e !important">U盘</a>
                        <a href="">移动固态键盘</a>
                        <a href="">移动硬盘</a>
                        <a href="">鼠标垫</a>
                        <a href="">摄像头</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>游戏设备</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="" style="color: #cf000e !important">游戏机</a>
                        <a href="">游戏耳机</a>
                        <a href="">手柄</a>
                        <a href="">游戏软件</a>
                        <a href="">游戏周边</a>
                      </li>
                    </ul>
                  </div>
                  <div class="sub-cat-brand Left">
                    <h6>推荐品牌</h6>
                    <div class="tag">
                      <a href="#" style="color: #cf000e !important">凯撒豪庭</a>
                      <a href="#">白金宫殿</a>
                      <a href="#">木木原</a>
                      <a href="#" style="color: #cf000e !important">蒂美悦</a>
                      <a href="#">纳德威</a>
                      <a href="#" style="color: #cf000e !important">蓝骑家居</a>
                      <a href="#">卡洛林</a>
                      <a href="#" style="color: #cf000e !important">宜华生活</a>
                      <a href="#">良品LIFE</a>
                      <a href="#">世纪公馆</a>
                      <a href="#">法兰西玫瑰</a>
                      <a href="#">木言木语</a>
                      <a href="#">广岛之恋</a>
                      <a href="#">维木维斯</a>
                    </div>
                    <a href="#"
                      ><img
                        src="../statics/images/3.jpg"
                        width="190"
                        height="260"
                      />
                    </a>
                  </div>
                </div>
                <i class="icon i2"></i>
                <a class="txt" href="#">办公</a>
                <a class="txt" href="#">电脑</a>
              </li>
              <li class="cat-item">
                <div class="sub-cat clearfix">
                  <div class="sub-cat-links Left">
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>厨具</a>
                      </li>
                      <li class="Left sub-content">
                        <a class="ui-link" href="">水具酒具</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >烹饪锅具</a
                        >
                        <a class="ui-link" href="">炒锅</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >碗碟套装</a
                        >
                        <a class="ui-link" href="">厨房配件</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >刀剪菜板</a
                        >
                        <a class="ui-link" href="">锅具套装</a>
                        <a class="ui-link" href="">茶具</a>
                        <a class="ui-link" href="">保温杯</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>家纺</a>
                      </li>
                      <li class="Left sub-content last">
                        <a class="ui-link" href="">四件套</a>
                        <a class="ui-link" href="">枕芯</a>
                        <a class="un ui-link" href="">毛巾浴巾</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >地毯地垫</a
                        >
                        <a class="ui-link" href="">床垫/床褥</a>
                        <a class="ui-link" href="">毯子</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >抱枕靠垫</a
                        >
                        <a class="ui-link" href="">窗帘/窗纱</a>
                        <a class="ui-link" href="">床单/床笠</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >抱枕靠垫</a
                        >
                        <a class="ui-link" href="">被套</a>
                        <a class="ui-link" href="">枕巾枕套</a>
                        <a class="ui-link" href="">沙发垫套</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>家具</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="">客厅</a>
                        <a href="">卧室</a>
                        <a href="" style="color: #cf000e !important">餐厅</a>
                        <a href="">厨房</a>
                        <a href="">书房</a>
                        <a href="">儿童</a>
                        <a href="">储物</a>
                        <a href="" style="color: #cf000e !important"
                          >办公家具</a
                        >
                        <a href="">阳台户外</a>
                        <a href="">电脑桌</a>
                        <a href="">电视柜</a>
                        <a href="">茶几</a>
                        <a href="" style="color: #cf000e !important">办公柜</a>
                        <a href="">进口/原创</a>
                        <a href="">沙发/床</a>
                        <a href="">餐桌</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>家装软饰</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="">装饰字画</a>
                        <a href="">装饰摆件</a>
                        <a href="">手工/十字绣</a>
                        <a href="">相框/照片墙</a>
                        <a href="" style="color: #cf000e !important"
                          >墙贴/装饰贴</a
                        >
                        <a href="">花瓶花艺</a>
                        <a href="">香薰蜡烛</a>
                        <a href="">节庆饰品</a>
                        <a href="">钟饰</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>灯具</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="">吸顶灯</a>
                        <a href="">吊灯</a>
                        <a href="">台灯</a>
                        <a href="" style="color: #cf000e !important"
                          >筒灯射灯</a
                        >
                        <a href="">庭院灯</a>
                        <a href="">装饰灯</a>
                        <a href="">LED灯</a>
                        <a href="">氛围照明</a>
                        <a href="">落地灯</a>
                      </li>
                    </ul>
                  </div>
                  <div class="sub-cat-brand Left">
                    <h6>推荐品牌</h6>
                    <div class="tag">
                      <a href="#" style="color: #cf000e !important">木木原</a>
                      <a href="#">蒂美悦</a>
                      <a href="#">普罗旺斯</a>
                      <a href="#">广岛之恋</a>
                      <a href="#">悦麓</a>
                      <a href="#">北欧悠歌</a>
                      <a href="#" style="color: #cf000e !important"
                        >宜华.华洛思</a
                      >
                      <a href="#">卡伦美家</a>
                      <a href="#">梦露风情</a>
                      <a href="#">卡洛林</a>
                      <a href="#">韩木居</a>
                    </div>
                    <a href="#"
                      ><img
                        src="../statics/images/4.jpg"
                        width="190"
                        height="260"
                      />
                    </a>
                  </div>
                </div>
                <i class="icon i3"></i>
                <a class="txt" href="#">家居</a>
                <a class="txt" href="#">家具</a>
                <a class="txt" href="#">家装</a>
                <a class="txt" href="#">灯具</a>
              </li>
              <li class="cat-item">
                <div class="sub-cat clearfix">
                  <div class="sub-cat-links Left">
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>面部护理</a>
                      </li>
                      <li class="Left sub-content">
                        <a class="ui-link" href="">礼盒</a>
                        <a class="ui-link" href="">美白</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >防晒</a
                        >
                        <a class="ui-link" href="">面膜</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >洁面</a
                        >
                        <a class="ui-link" href="">爽肤水</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >精华</a
                        >
                        <a class="ui-link" href="">眼霜</a>
                        <a class="ui-link" href="">乳液/面霜</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>香水彩妆</a>
                      </li>
                      <li class="Left sub-content last">
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >隔离</a
                        >
                        <a class="ui-link" href="">遮瑕</a>
                        <a class="ui-link" href="">气垫BB</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >粉底</a
                        >
                        <a class="ui-link" href="">腮红</a>
                        <a class="ui-link" href="">口红/唇膏</a>
                        <a class="ui-link" href="">唇釉/唇彩</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >睫毛膏</a
                        >
                        <a class="ui-link" href="">眼影</a>
                        <a class="ui-link" href="">眼线</a>
                        <a class="ui-link" href="">眉笔</a>
                        <a class="ui-link" href="">散粉</a>
                        <a class="ui-link" href="">美甲</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>男士护肤</a>
                      </li>
                      <li class="Left sub-content last">
                        <a class="ui-link" href="">隔离</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >控油</a
                        >
                        <a class="ui-link" href="">洁面</a>
                        <a class="ui-link" href="">乳液/面霜</a>
                        <a class="ui-link" href="">面膜</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >爽肤水</a
                        >
                        <a class="ui-link" href="">剃须</a>
                        <a class="ui-link" href="">精华</a>
                        <a class="ui-link" href="">防嗮</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>洗发护发</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="">洗发水</a>
                        <a href="">发膜/精油</a>
                        <a href="">造型</a>
                        <a href="" style="color: #cf000e !important">染发</a>
                        <a href="">烫发</a>
                        <a href="" style="color: #cf000e !important">护发素</a>
                        <a href="">假发</a>
                        <a href="">美发工具</a>
                        <a href="">洗护套装</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>口腔护理</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="">洗发水</a>
                        <a href="">牙膏</a>
                        <a href="" style="color: #cf000e !important">牙粉</a>
                        <a href="">牙贴</a>
                        <a href="">牙膏</a>
                        <a href="" style="color: #cf000e !important">牙线</a>
                        <a href="">漱口水</a>
                        <a href="">口喷</a>
                        <a href="">假牙清洁</a>
                        <a href="">套装</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>身体护理</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="">花露水</a>
                        <a href="" style="color: #cf000e !important">沐浴露</a>
                        <a href="">香皂</a>
                        <a href="" style="color: #cf000e !important">洗手液</a>
                        <a href="">护手霜</a>
                        <a href="">浴盐</a>
                        <a href="">润肤</a>
                        <a href="">精油</a>
                        <a href="" style="color: #cf000e !important">套装</a>
                      </li>
                    </ul>
                  </div>
                  <div class="sub-cat-brand Left">
                    <h6>推荐品牌</h6>
                    <div class="tag">
                      <a href="#">凯撒豪庭</a>
                      <a href="#" style="color: #cf000e !important">韩菲尔</a>
                      <a href="#">蒂美悦</a>
                      <a href="#">木木原</a>
                      <a href="#">苏美尔</a>
                      <a href="#" style="color: #cf000e !important"
                        >简欧•安娜</a
                      >
                      <a href="#">达美风情</a>
                      <a href="#" style="color: #cf000e !important">慕娅</a>
                      <a href="#">宜华生活</a>
                      <a href="#">圣欧顿</a>
                      <a href="#">槿秀家园</a>
                      <a href="#">卡西施</a>
                    </div>
                    <a href="#"
                      ><img
                        src="../statics/images/5.jpg"
                        width="190"
                        height="260"
                      />
                    </a>
                  </div>
                </div>
                <i class="icon i4"></i>
                <a class="txt" href="#">美妆</a>
              </li>
              <li class="cat-item">
                <div class="sub-cat clearfix">
                  <div class="sub-cat-links Left">
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>时尚女鞋</a>
                      </li>
                      <li class="Left sub-content">
                        <a class="ui-link" href="">新品推荐</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >休闲鞋</a
                        >
                        <a class="ui-link" href="">凉鞋</a>
                        <a class="ui-link" href="">单鞋</a>
                        <a class="ui-link" href="">拖鞋/人字拖</a>
                        <a class="ui-link" href="">高跟鞋</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >妈妈鞋</a
                        >
                        <a class="ui-link" href="">帆布鞋</a>
                        <a class="ui-link" href="">布鞋</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>潮流女包</a>
                      </li>
                      <li class="Left sub-content last">
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >真皮包</a
                        >
                        <a class="ui-link" href="">单肩包</a>
                        <a class="ui-link" href="">手提包</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >斜挎包</a
                        >
                        <a class="ui-link" href="">双肩包</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >商务公文包</a
                        >
                        <a class="ui-link" href="">男士手包</a>
                        <a class="ui-link" href="">卡包名片夹</a>
                        <a class="ui-link" href="">钥匙包</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>功能箱包</a>
                      </li>
                      <li class="Left sub-content last">
                        <a class="ui-link" href="">拉杆箱</a>
                        <a class="ui-link" href="">拉杆包</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >旅行包</a
                        >
                        <a class="ui-link" href="">电脑包</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >休闲运动包</a
                        >
                        <a class="ui-link" href="">书包</a>
                        <a
                          class="ui-link"
                          style="color: #cf000e !important"
                          href=""
                          >登山包</a
                        >
                        <a class="ui-link" href="">腰包</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>奢侈品</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="">箱包</a>
                        <a href="">钱包</a>
                        <a href="">服饰</a>
                        <a href="" style="color: #cf000e !important">腰带</a>
                        <a href="">鞋靴</a>
                        <a href="" style="color: #cf000e !important"
                          >太阳镜/眼镜框</a
                        >
                        <a href="">饰品</a>
                        <a href="">配件</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>钟表</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="">DW</a>
                        <a href="">天梭</a>
                        <a href="">浪琴</a>
                        <a href="">欧米茄</a>
                        <a href="" style="color: #cf000e !important">萧邦</a>
                        <a href="">阿玛尼</a>
                        <a href="">卡西欧</a>
                        <a href="">西铁城</a>
                        <a href="">天王</a>
                        <a href="">瑞表</a>
                        <a href="">国表</a>
                        <a href="" style="color: #cf000e !important">日系表</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>包装</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="">经济装</a>
                        <a href="">精美礼品装</a>
                      </li>
                    </ul>
                  </div>
                  <div class="sub-cat-brand Left">
                    <h6>推荐品牌</h6>
                    <div class="tag">
                      <a href="" style="color: #cf000e !important">GUCCI</a>
                      <a href="">COACH</a>
                      <a href="">雷朋</a>
                      <a href="">施华洛世奇</a>
                      <a href="" style="color: #cf000e !important">Mk</a>
                      <a href="">阿玛尼</a>
                      <a href="">菲拉格慕</a>
                      <a href="">VERSACE</a>
                      <a href="">普拉达</a>
                    </div>
                    <a href="#"
                      ><img
                        src="../statics/images/6.jpg"
                        width="190"
                        height="260"
                      />
                    </a>
                  </div>
                </div>
                <i class="icon i5"></i>
                <a class="txt" href="#">女鞋</a>
                <a class="txt" href="#">箱包</a>
                <a class="txt" href="#">钟表</a>
                <a class="txt" href="#">珠宝</a>
              </li>
              <li class="cat-item top-cat">
                <div class="sub-cat clearfix">
                  <div class="sub-cat-links Left">
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>卧室</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#">床</a>
                        <a href="#" style="color: #e62318 !important"
                          >美国进口床垫</a
                        >
                        <a href="#" style="color: #e62318 !important">美规床</a>
                        <a href="#">床头柜</a>
                        <a href="#">床垫</a>
                        <a href="#">衣柜</a>
                        <a href="#">斗柜</a>
                        <a href="#">妆台镜/妆凳</a>
                        <a href="#">穿衣镜/衣帽架</a>
                        <a href="#">床尾凳</a>
                        <a href="#">卧室套装</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>客厅</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #e62318 !important">沙发</a>
                        <a href="#">茶几/边桌</a>
                        <a href="#">电视柜</a>
                        <a href="#">鞋柜</a>
                        <a href="#">酒柜/装饰柜</a>
                        <a href="#">屏风</a>
                        <a href="#">休闲椅/凳</a>
                        <a href="#">间厅/玄关柜</a>
                        <a href="#">花架/装饰架</a>
                        <a href="#" style="color: #e62318 !important"
                          >客厅套装</a
                        >
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>餐厅</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#">餐桌</a>
                        <a href="#">餐椅</a>
                        <a href="#" style="color: #e62318 !important"
                          >餐厅套装</a
                        >
                        <a href="#">餐边柜</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>书房</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #e62318 !important"
                          >书桌/书台</a
                        >
                        <a href="#">书柜/书架</a>
                        <a href="#">书椅/转椅</a>
                        <a href="#">书房套装</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>儿童房</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#">儿童床</a>
                        <a href="#" style="color: #e62318 !important"
                          >儿童床垫</a
                        >
                        <a href="#">儿童床头柜</a>
                        <a href="#">儿童衣柜</a>
                        <a href="#">儿童桌</a>
                        <a href="#">儿童椅</a>
                        <a href="#">儿童柜类</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>户外/阳台</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#">户外椅</a>
                        <a href="#" style="color: #e62318 !important"
                          >户外套装</a
                        >
                        <a href="#">吊篮/吊椅</a>
                        <a href="#">摇椅</a>
                        <a href="#">藤艺家具</a>
                        <a href="#">折叠床</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>办公家具</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#" style="color: #e62318 !important"
                          >办公沙发</a
                        >
                        <a href="#">办公桌</a>
                        <a href="#">文件柜</a>
                        <a href="#">办公椅</a>
                        <a href="#">保险柜</a>
                      </li>
                    </ul>
                  </div>
                  <div class="sub-cat-brand Left">
                    <h6>推荐品牌</h6>
                    <div class="tag">
                      <a href="#" style="color: #cf000e !important">凯撒豪庭</a>
                      <a href="#">北欧悠歌</a>
                      <a href="#">白金宫殿</a>
                      <a href="#">法兰西玫瑰</a>
                      <a href="#">韩菲尔</a>
                      <a href="#">卡富亚</a>
                      <a href="#" style="color: #cf000e !important">蓝骑家居</a>
                      <a href="#">卡洛林</a>
                      <a href="#">青春城堡</a>
                      <a href="#" style="color: #cf000e !important">宜华</a>
                      <a href="#">木木原</a>
                      <a href="#">蒂美悦</a>
                    </div>
                    <a href="#"
                      ><img
                        src="../statics/images/1.jpg"
                        width="190"
                        height="260"
                      />
                    </a>
                  </div>
                </div>
                <i class="icon i0"></i>
                <a class="txt" href="#">家具</a>
              </li>
              <li class="cat-item top-cat">
                <div class="sub-cat clearfix">
                  <div class="sub-cat-links Left">
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>灯饰照明</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #e62318 !important">吊灯</a>
                        <a href="#" style="color: #e62318 !important">吸顶灯</a>
                        <a href="#">落地灯</a>
                        <a href="#">台灯</a>
                        <a href="#">壁灯</a>
                        <a href="#">灯具套装</a>
                        <a href="#">LED灯/光源</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>厨房用品</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #e62318 !important"
                          >厨盆/水槽</a
                        >
                        <a href="#">厨房龙头</a>
                        <a href="#">角阀</a>
                        <a href="#">厨房挂件</a>
                        <a href="#">沥水篮</a>
                        <a href="#">其他厨房配件</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>卫浴用品</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#">浴缸</a>
                        <a href="#" style="color: #e62318 !important">浴室柜</a>
                        <a href="#">座便器</a>
                        <a href="#">淋浴房</a>
                        <a href="#">花洒</a>
                        <a href="#">卫浴龙头</a>
                        <a href="#">卫浴挂件</a>
                        <a href="#">地漏</a>
                        <a href="#">洗面盆</a>
                        <a href="#">蹲便器</a>
                        <a href="#">座便器盖板</a>
                        <a href="#">卫浴套装</a>
                        <a href="#">其他卫浴配件</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>家装五金</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #e62318 !important"
                          >开关插座
                        </a>
                        <a href="#">锁具</a>
                        <a href="#">门吸</a>
                        <a href="#">合页</a>
                        <a href="#">拉手</a>
                        <a href="#">配电箱</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>墙地面</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #e62318 !important">地板</a>
                        <a href="#">瓷砖</a>
                        <a href="#">墙纸</a>
                        <a href="#">墙布</a>
                        <a href="#">辅助材料</a>
                        <a href="#">油漆</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>生活电器</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#" style="color: #e62318 !important">电视</a>
                        <a href="#">冰箱</a>
                        <a href="#">洗衣机</a>
                        <a href="#">空调</a>
                        <a href="#">饮水机</a>
                        <a href="#" style="color: #e62318 !important">热水器</a>
                        <a href="#">吸油烟机</a>
                        <a href="#">净化器</a>
                        <a href="#" style="color: #e62318 !important"
                          >净水设备</a
                        >
                        <a href="#">吸尘器/除螨仪</a>
                        <a href="#">电饭煲</a>
                        <a href="#">消毒柜/洗碗机</a>
                        <a href="#" style="color: #e62318 !important">电炖锅</a>
                        <a href="#">电烤箱</a>
                        <a href="#" style="color: #e62318 !important">微波炉</a>
                      </li>
                    </ul>
                  </div>
                  <div class="sub-cat-brand Left">
                    <h6>推荐品牌</h6>
                    <div class="tag">
                      <a href="#" style="color: #cf000e !important">赛朵</a>
                      <a href="#">凯撒豪庭•灯饰</a>
                      <a href="#">灯域</a>
                      <a href="#">卫欲无限</a>
                      <a href="#" style="color: #cf000e !important"
                        >良品light</a
                      >
                      <a href="#">欧英仕</a>
                      <a href="#" style="color: #cf000e !important">鸥达</a>
                      <a href="#">JOMOO九牧</a>
                      <a href="#">希朗</a>
                      <a href="#">摩普</a>
                      <a href="#">西门子</a>
                      <a href="#">CN墙纸</a>
                    </div>
                    <a href="#"
                      ><img
                        src="src/../statics/images/8.jpg"
                        width="190"
                        height="260"
                      />
                    </a>
                  </div>
                </div>
                <i class="icon i7"></i>
                <a class="txt" href="#">建材灯饰</a>
              </li>
              <li class="cat-item">
                <div class="sub-cat clearfix">
                  <div class="sub-cat-links Left">
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>流行男鞋</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #cf000e !important"
                          >新品推荐</a
                        >
                        <a href="#">休闲鞋</a>
                        <a href="#" style="color: #cf000e !important">凉鞋</a>
                        <a href="#">商务休闲鞋</a>
                        <a href="#">正装鞋</a>
                        <a href="#">帆布鞋</a>
                        <a href="#">拖鞋</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>运动鞋包</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #cf000e !important">跑步鞋</a>
                        <a href="#">休闲鞋</a>
                        <a href="#" style="color: #cf000e !important">篮球鞋</a>
                        <a href="#">帆布鞋</a>
                        <a href="#">板鞋</a>
                        <a href="#">拖鞋</a>
                        <a href="#">运动包</a>
                        <a href="#">足球鞋</a>
                        <a href="#">专项运动鞋</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>运动服饰</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #cf000e !important">T恤</a>
                        <a href="#">运动裤</a>
                        <a href="#" style="color: #cf000e !important"
                          >运动套装</a
                        >
                        <a href="#">夹克/风衣</a>
                        <a href="#">运动配饰</a>
                        <a href="#">卫衣</a>
                        <a href="#">运动背心</a>
                        <a href="#">健身服</a>
                        <a href="#">运动内衣</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>骑行运动</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #cf000e !important">山地车</a>
                        <a href="#">公路车</a>
                        <a href="#" style="color: #cf000e !important">折叠车</a>
                        <a href="#">动感单车</a>
                        <a href="#">骑行服</a>
                        <a href="#">城市自动车</a>
                        <a href="#">穿戴装备</a>
                        <a href="#">自行车配件</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>体育用品</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#" style="color: #cf000e !important">乒乓球</a>
                        <a href="#">羽毛球</a>
                        <a href="#">篮球</a>
                        <a href="#">足球</a>
                        <a href="#">轮滑滑板</a>
                        <a href="#">网球</a>
                        <a href="#">高尔夫</a>
                        <a href="#" style="color: #cf000e !important">台球</a>
                        <a href="#">排球</a>
                        <a href="#">棋桌麻将</a>
                        <a href="#">民俗运动</a>
                        <a href="#">体育服务</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>游泳用品</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #cf000e !important">用意</a>
                        <a href="#">游泳圈</a>
                        <a href="#" style="color: #cf000e !important"
                          >游泳配件</a
                        >
                      </li>
                    </ul>
                  </div>
                  <div class="sub-cat-brand Left">
                    <h6>推荐品牌</h6>
                    <div class="tag">
                      <a href="#" style="color: #cf000e !important">赛朵</a>
                      <a href="#">灯域</a>
                      <a href="#">杰雷诺</a>
                      <a href="#">尊阁</a>
                      <a href="#" style="color: #cf000e !important"
                        >良品light</a
                      >
                      <a href="#">欧英仕</a>
                      <a href="#">朵兔</a>
                      <a href="#">睿品</a>
                      <a href="#" style="color: #cf000e !important"
                        >凯撒豪庭•灯饰</a
                      >
                      <a href="#" style="color: #cf000e !important">家思绮</a>
                    </div>
                    <a href="#"
                      ><img
                        src="../statics/images/9.jpg"
                        width="190"
                        height="260"
                      />
                    </a>
                  </div>
                </div>
                <i class="icon i8"></i>
                <a class="txt" href="#">男鞋</a>
                <a class="txt" href="#">运动</a>
                <a class="txt" href="#">户外</a>
              </li>
              <li class="cat-item">
                <div class="sub-cat clearfix">
                  <div class="sub-cat-links Left">
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>艺术品</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #cf000e !important">油画</a>
                        <a href="#">版画</a>
                        <a href="#">水墨画</a>
                        <a href="#">书法</a>
                        <a href="#">雕塑</a>
                        <a href="#">艺术画册</a>
                        <a href="#" style="color: #cf000e !important"
                          >艺术衍生品</a
                        >
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>火机烟具</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#">打火机</a>
                        <a href="#" style="color: #cf000e !important"
                          >一次性打火机</a
                        >
                        <a href="#">烟嘴</a>
                        <a href="#">烟盒</a>
                        <a href="#">烟斗</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>礼品</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#">创意礼品</a>
                        <a href="#" style="color: #cf000e !important"
                          >电子礼品</a
                        >
                        <a href="#">工艺礼品</a>
                        <a href="#">美妆礼品</a>
                        <a href="#">婚庆节庆</a>
                        <a href="#">礼盒礼卷</a>
                        <a href="#">礼品定制</a>
                        <a href="#">军刀军具</a>
                        <a href="#">古董文玩</a>
                        <a href="#">收藏品</a>
                        <a href="#">礼品文具</a>
                        <a href="#">熏香</a>
                        <a href="#">京东卡</a>
                        <a href="#">生日礼物</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>鲜花速递</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#" style="color: #cf000e !important">鲜花</a>
                        <a href="#">每周一❀</a>
                        <a href="#">永生花</a>
                        <a href="#">香皂花</a>
                        <a href="#">卡通花束</a>
                        <a href="#">干花</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>绿植园艺</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#">绿植</a>
                        <a href="#" style="color: #cf000e !important"
                          >桌面绿植</a
                        >
                        <a href="#">苗木</a>
                        <a href="#">绿植盆栽</a>
                        <a href="#">多肉植物</a>
                        <a href="#">花</a>
                        <a href="#">种子种球</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>种子</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#">花草林木类</a>
                        <a href="#" style="color: #cf000e !important"
                          >蔬菜/菌类</a
                        >
                        <a href="#">瓜果类</a>
                        <a href="#">大田作物类</a>
                      </li>
                    </ul>
                  </div>
                  <div class="sub-cat-brand Left">
                    <h6>推荐品牌</h6>
                    <div class="tag">
                      <a href="#" style="color: #cf000e !important"
                        >JOMOO九牧</a
                      >
                      <a href="#">鸥达</a>
                      <a href="#">摩普</a>
                      <a href="#" style="color: #cf000e !important">东鹏</a>
                      <a href="#">百得利</a>
                      <a href="#">迪耐</a>
                      <a href="#" style="color: #cf000e !important">沐锦</a>
                      <a href="#">卫浴无限</a>
                      <a href="#">希朗</a>
                      <a href="#">吉他</a>
                      <a href="#">皇姿</a>
                    </div>
                    <a href="#"
                      ><img
                        src="../statics/images/10.jpg"
                        width="190"
                        height="260"
                      />
                    </a>
                  </div>
                </div>
                <i class="icon i9"></i>
                <a class="txt" href="#">艺术</a>
                <a class="txt" href="#">农资绿植</a>
              </li>
              <li class="cat-item top-cat">
                <div class="sub-cat clearfix">
                  <div class="sub-cat-links Left">
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>床上用品</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#">枕芯</a>
                        <a href="#" style="color: #e62318 !important"
                          >床品套件</a
                        >
                        <a href="#">床幔/蚊帐</a>
                        <a href="#" style="color: #e62318 !important">被芯</a>
                        <a href="#" style="color: #e62318 !important">毛毯</a>
                        <a href="#">床褥</a>
                        <a href="#">被套</a>
                        <a href="#">床笠</a>
                        <a href="#">枕套</a>
                        <a href="#">凉席</a>
                        <a href="#">婚庆家纺</a>
                        <a href="#">夏凉被</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>居家日用</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#">晾晒架</a>
                        <a href="#">收纳柜</a>
                        <a href="#" style="color: #e62318 !important">置物架</a>
                        <a href="#">纸巾盒</a>
                        <a href="#">简易电脑桌</a>
                        <a href="#">衣架</a>
                        <a href="#">净化除味</a>
                        <a href="#">清洁用品</a>
                        <a href="#">收纳箱/袋</a>
                        <a href="#">洗漱用品</a>
                        <a href="#" style="color: #e62318 !important"
                          >家居收纳</a
                        >
                        <a href="#">挂钩</a>
                        <a href="#">简易衣柜</a>
                        <a href="#">装饰镜/化妆镜</a>
                        <a href="#">垃圾桶</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>布艺织物</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #e62318 !important">窗帘</a>
                        <a href="#">地毯/地垫</a>
                        <a href="#">沙发套/垫</a>
                        <a href="#">毛巾家纺</a>
                        <a href="#">坐垫/靠垫</a>
                        <a href="#">防尘罩</a>
                        <a href="#">轨道/罗马杆</a>
                        <a href="#" style="color: #e62318 !important">抱枕</a>
                        <a href="#">布艺玩具</a>
                        <a href="#">桌布</a>
                        <a href="#">桌旗</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>家居饰品</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #e62318 !important">装饰画</a>
                        <a href="#" style="color: #e62318 !important"
                          >装饰摆件</a
                        >
                        <a href="#">风水摆件</a>
                        <a href="#">钟</a>
                        <a href="#">电话机</a>
                        <a href="#">仿真花</a>
                        <a href="#">花瓶/花盆</a>
                        <a href="#">红酒架</a>
                        <a href="#">装饰花架</a>
                        <a href="#">烛台/蜡烛</a>
                        <a href="#">烟灰缸</a>
                        <a href="#">首饰盒</a>
                        <a href="#">创意公仔</a>
                        <a href="#">装饰托盘/底盘</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>厨房餐饮</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#" style="color: #e62318 !important">餐具</a>
                        <a href="#">厨用收纳</a>
                        <a href="#" style="color: #e62318 !important"
                          >茶具/咖啡具</a
                        >
                        <a href="#">果盘/托物盘</a>
                        <a href="#">刀具菜板</a>
                        <a href="#">杯子</a>
                        <a href="#">铲勺</a>
                        <a href="#">酒具</a>
                      </li>
                    </ul>
                  </div>
                  <div class="sub-cat-brand Left">
                    <h6>推荐品牌</h6>
                    <div class="tag">
                      <a href="#" style="color: #cf000e !important">良品LIFE</a>
                      <a href="#">airisi</a>
                      <a href="#">墨菲</a>
                      <a href="#">雷昊</a>
                      <a href="#">雅客集</a>
                      <a href="#">梦婉茹</a>
                      <a href="#" style="color: #cf000e !important">悦邻家居</a>
                      <a href="#">汉克玛雅</a>
                      <a href="#" style="color: #cf000e !important">馨视觉</a>
                      <a href="#">英伦欧堡</a>
                    </div>
                    <a href="#"
                      ><img
                        src="../statics/images/11.jpg"
                        width="190"
                        height="260"
                      />
                    </a>
                  </div>
                </div>
                <i class="icon i10"></i>
                <a class="txt" href="#">家居家饰</a>
              </li>
              <li class="cat-item">
                <div class="sub-cat clearfix">
                  <div class="sub-cat-links Left">
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>房产</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #cf000e !important"
                          >最新开盘</a
                        >
                        <a href="#">普通住宅</a>
                        <a href="#" style="color: #cf000e !important">别墅</a>
                        <a href="#">商业办公</a>
                        <a href="#">海外房产</a>
                        <a href="#">文旅地产</a>
                        <a href="#">长租公寓</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>汽车车型</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#">微型车</a>
                        <a href="#">小型车</a>
                        <a href="#" style="color: #cf000e !important"
                          >紧凑型车</a
                        >
                        <a href="#">中型车</a>
                        <a href="#">中大型车</a>
                        <a href="#" style="color: #cf000e !important">豪华车</a>
                        <a href="#">MPV</a>
                        <a href="#" style="color: #cf000e !important">SUV</a>
                        <a href="#">跑车</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>汽车价格</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#">5-8W</a>
                        <a href="#">8-12W</a>
                        <a href="#">12-18W</a>
                        <a href="#">18-25W</a>
                        <a href="#" style="color: #cf000e !important">25-40W</a>
                        <a href="#">40w以上</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>汽车品牌</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#">大众</a>
                        <a href="#">日产</a>
                        <a href="#">丰田</a>
                        <a href="#">别克</a>
                        <a href="#" style="color: #cf000e !important">宝骏</a>
                        <a href="#">本田</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>汽车装饰</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#">坐垫坐套</a>
                        <a href="#">脚垫</a>
                        <a href="#">头枕腰靠</a>
                        <a href="#">方向盘套</a>
                        <a href="#" style="color: #cf000e !important"
                          >后背箱垫</a
                        >
                        <a href="#">车载支架</a>
                        <a href="#" style="color: #cf000e !important"
                          >车载支架</a
                        >
                        <a href="#">车钥匙扣</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>车载电器</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#">行车记录仪</a>
                        <a href="#">车载充电器</a>
                        <a href="#">车机导航</a>
                        <a href="#">车载蓝牙</a>
                        <a href="#" style="color: #cf000e !important"
                          >智能驾驶</a
                        >
                        <a href="#">对讲电台</a>
                        <a href="#" style="color: #cf000e !important"
                          >倒车雷达</a
                        >
                        <a href="#">导航仪</a>
                        <a href="#">安全预警仪</a>
                        <a href="#">车载净化器</a>
                        <a href="#">车载吸尘器</a>
                        <a href="#">汽车音响</a>
                      </li>
                    </ul>
                  </div>
                  <div class="sub-cat-brand Left">
                    <h6>推荐品牌</h6>
                    <div class="tag">
                      <a href="#" style="color: #cf000e !important">良品LIFE</a>
                      <a href="#">airisi</a>
                      <a href="#">墨菲</a>
                      <a href="#">雷昊</a>
                      <a href="#">雅客集</a>
                      <a href="#">梦婉茹</a>
                      <a href="#" style="color: #cf000e !important">悦邻家居</a>
                      <a href="#">汉克玛雅</a>
                      <a href="#" style="color: #cf000e !important">馨视觉</a>
                      <a href="#">英伦欧堡</a>
                    </div>
                    <a href="#"
                      ><img
                        src="../statics/images/11.jpg"
                        width="190"
                        height="260"
                      />
                    </a>
                  </div>
                </div>
                <i class="icon i11"></i>
                <a class="txt" href="#">车</a>
                <a class="txt" href="#">车饰</a>
              </li>
              <li class="cat-item">
                <div class="sub-cat clearfix">
                  <div class="sub-cat-links Left">
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>新鲜水果</a>
                      </li>
                      <li class="Left sub-content">
                        <a href="#" style="color: #cf000e !important">苹果</a>
                        <a href="#">橙子</a>
                        <a href="#">奇异果/猕猴桃</a>
                        <a href="#">火龙果</a>
                        <a href="#">榴莲</a>
                        <a href="#" style="color: #cf000e !important">芒果</a>
                        <a href="#">椰子</a>
                        <a href="#">车厘子</a>
                        <a href="#">百香果</a>
                        <a href="#">柚子</a>
                        <a href="#">国产水果</a>
                        <a href="#" style="color: #cf000e !important"
                          >进口水果</a
                        >
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>蔬菜蛋品</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#">蛋</a>
                        <a href="#" style="color: #cf000e !important">叶菜类</a>
                        <a href="#">根茎类</a>
                        <a href="#">葱姜蒜椒</a>
                        <a href="#">鲜菌菇</a>
                        <a href="#">茄果瓜类</a>
                        <a href="#">半加工蔬菜</a>
                        <a href="#">板加工豆品</a>
                        <a href="#">玉米</a>
                        <a href="#">山药</a>
                        <a href="#" style="color: #cf000e !important"
                          >地瓜/红薯</a
                        >
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>精选肉类</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#" style="color: #cf000e !important">猪肉</a>
                        <a href="#">牛肉</a>
                        <a href="#" style="color: #cf000e !important">羊肉</a>
                        <a href="#">鸡肉</a>
                        <a href="#">鸭肉</a>
                        <a href="#">冷鲜肉</a>
                        <a href="#" style="color: #cf000e !important"
                          >特色肉类</a
                        >
                        <a href="#">内脏类</a>
                        <a href="#">冷藏熟食</a>
                        <a href="#">牛排</a>
                        <a href="#">牛腩</a>
                        <a href="#">鸡翅</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>海鲜水产</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#" style="color: #cf000e !important">鱼类</a>
                        <a href="#">虾类</a>
                        <a href="#" style="color: #cf000e !important">蟹类</a>
                        <a href="#">贝类</a>
                        <a href="#">海参</a>
                        <a href="#">鱿鱼/章鱼</a>
                        <a href="#" style="color: #cf000e !important">活鲜</a>
                        <a href="#">三文鱼</a>
                        <a href="#">大闸蟹</a>
                        <a href="#">小龙虾</a>
                        <a href="#">海鲜加工品</a>
                        <a href="#">海鲜</a>
                      </li>
                    </ul>
                    <ul class="sub-group clearfix">
                      <li class="Left sub-title">
                        <a href="#"><i class="i-t"></i>冷饮冻食</a>
                      </li>
                      <li class="Left sub-content last">
                        <a href="#" style="color: #cf000e !important"
                          >水饺/馄饨</a
                        >
                        <a href="#">汤圆/元宵</a>
                        <a href="#" style="color: #cf000e !important">面点</a>
                        <a href="#">烘培半成品</a>
                        <a href="#">方便速食</a>
                        <a href="#">火锅肉丸</a>
                        <a href="#" style="color: #cf000e !important">冰淇淋</a>
                        <a href="#">冷藏饮料</a>
                        <a href="#">低温奶</a>
                        <a href="#">生日蛋糕</a>
                      </li>
                    </ul>
                  </div>
                  <div class="sub-cat-brand Left">
                    <h6>推荐品牌</h6>
                    <div class="tag">
                      <a href="#" style="color: #cf000e !important">馨视觉</a>
                      <a href="#">英伦欧堡</a>
                      <a href="#" style="color: #cf000e !important">宝优妮</a>
                      <a href="#">饰庭画艺</a>
                      <a href="#">SFMOBUL安君美</a>
                      <a href="#">健康家</a>
                      <a href="#" style="color: #cf000e !important">三南</a>
                      <a href="#">墨菲</a>
                      <a href="#">利临</a>
                    </div>
                    <a href="#"
                      ><img
                        src="../statics/images/13.jpg"
                        width="190"
                        height="260"
                      />
                    </a>
                  </div>
                </div>
                <i class="icon i12"></i>
                <a class="txt" href="#">冷冻食品</a>
                <a class="txt" href="#">冷冻饮料</a>
              </li>
            </ul>
          </div>
          <ul class="navigator">
            <li class="current">
              <a href="#">首页</a>
            </li>
            <li>
              <a href="#">男装</a>
            </li>
            <li>
              <a href="#">女装</a>
            </li>
            <li>
              <a href="#">车</a>
            </li>
            <li>
              <a href="#">家具</a>
            </li>
            <li>
              <a href="#">书本</a>
            </li>
            <li>
              <a href="#">钟表</a>
            </li>
            <li>
              <a href="#">买家秀</a>
            </li>
            <li>
              <a href="#">图览家居</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!--轮播图区域-->
    <el-carousel :interval="5000" arrow="always">
      <el-carousel-item v-for="item in slideshowsList" :key="item.id">
        <a
          :href="'https://fo.h1234.top/details?id=' + item.commodityId"
          target="_blank"
        >
          <img
            :src="slideshowsListImg(item.picId)"
            alt=""
            width="1496.2"
            height="460px"
          />
        </a>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  data () {
    return {
      // 轮播图列表
      slideshowsList: []
    }
  },
  created () {
    // 获取轮播图列表
    this.getPicList()
  },
  methods: {
    // 获取轮播图列表
    async getPicList () {
      const { data: res } = await this.$http.get('Slideshows')
      if (res.meta.status !== 200) {
        // 获取轮播图列表失败
        return this.$message.error('轮播图列表获取失败！')
      } else {
        // 获取轮播图列表成功
        console.log(res.data);
        // 将返回的数据中的slideshows轮播图列表赋值给slideshowsList
        this.slideshowsList = res.data.slideshows
      }
    },
    // 轮播图地址
    slideshowsListImg (picId) {
      return `https://api.h1234.top/files/${picId}`
    }
  }
}
</script>


<style scoped>
/* 导入商品分类导航css样式 */
@import url('../statics/css/style.css');

/* 轮播图变小手 */
.el-carousel {
  cursor: pointer;
}
</style>


<style>
/* 滚动条 */
.el-carousel__container {
  height: 460px;
}
</style>